/*
Theme Name: Mokoma.com
Theme URI: http://www.mokoma.com/
Description: Custom-made for www.mokoma.com
Version: 8
Author: Boian Georgiev
Tags: black, fixed width, two columns, widgets, custom menu
*/

/** defaults **/

a {
	color: #0000ff;
	text-decoration: none;
}

body {
	font-family: "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 15px;
	color: #282828;
	color: #333333;
}

/** layout **/

body {
	background: #000000 none center 49px no-repeat;
}

/* TOP Nav Bar */

#nav_bar_wrapper {
	width: 100%;
    position: fixed;
    top: 0;
    /*left: 1px;*/
    z-index: 100;
}

#nav_bar {
/*	position: absolute;
	top: 0;
	left: 0;*/
/*	min-width: 940px;*/
	min-width: 600px;
	height: 49px;
	position: relative;  
	margin: 0px auto;
	/*background: transparent url(images/nav_bar-bkg.png) repeat left top;*/
	background: #000000;
	padding: 0 57px 0 34px;

	-o-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

#nav_bar.shadow {
	box-shadow: 0 3px 15px rgba(0,0,0,0.6);
}
#nav_bar.closed {
	height: 0;
	overflow: hidden;
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
}

#nav_bar .nav_menu {
	float: left;
	list-style: none;
}
#nav_bar .social_menu {
	float: right;
	list-style: none;
}
#nav_bar .nav_menu li,
#nav_bar .social_menu li {
	float: left;
	margin-left: 0;
}
#nav_bar .nav_menu li {
	padding-right: 22px;
}
#nav_bar .nav_menu li a,
#nav_bar .social_menu li a {
	display: block;
	height: 49px;
	line-height: 49px;
	font-family: museo-sans, sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
#nav_bar .nav_menu li a {
	padding-left: 40px;
}
/*#nav_bar .nav_menu li a:before,
#nav_bar .social_menu li a:before {
	content: '';
	display: inline-block;
	width: 31px;
	height: 31px;
}*/
#nav_bar .nav_menu li a:hover,
#nav_bar .social_menu li a:hover {
	color: #333333;
}

#nav_bar .social_menu li {
	padding-left: 18px;
}
#nav_bar .social_menu li a {
	padding-right: 31px;
	text-indent: -9999px
}

.nav_itunes {
	background: transparent url("images/icon_nav_itunes.png") no-repeat left center;
}
.nav_spotify {
	background: transparent url("images/icon_nav_spotify.png") no-repeat left center;
}
.nav_levykauppax {
	background: transparent url("images/icon_nav_levykauppax.png") no-repeat left center;
}
.nav_instagram {
	background: transparent url("images/icon_nav_instagram.png") no-repeat right center;
}
.nav_youtube {
	background: transparent url("images/icon_nav_youtube.png") no-repeat right center;
}
.nav_twitter {
	background: transparent url("images/icon_nav_twitter.png") no-repeat right center;
}
.nav_facebook {
	background: transparent url("images/icon_nav_facebook.png") no-repeat right center;
}


#page {
	width: 934px;
	margin: 0 auto;
	margin-top: 49px; /* nav_bar */
	padding-bottom: 1px; /* footer margin-bottom */
}

#header {
	position: relative;
	padding-top: 478px;
}

/*#logo {
	background: url("images/logo.png") top left no-repeat;
	width: 414px;
	height: 120px;
	position: absolute;
	top: 20px;
	right: -10px;
}*/
#logo {
	width: 934px;
	height: 470px;
	position: absolute;
	top: 0;
	left: 0;
}

/*#logo a {
	display: block;
	text-indent: -9999px;
	height: 100px;
	margin-top: 10px;
	width: 392px;
	margin-left: 12px;
	transform: skew(10deg,-4deg) scale(0.97,0.75);
	-ms-transform: skew(10deg,-4deg) scale(0.97,0.75);
	-webkit-transform: skew(10deg,-4deg) scale(0.97,0.75);
	-o-transform: skew(10deg,-4deg) scale(0.97,0.75);
	-moz-transform: skew(10deg,-4deg) scale(0.97,0.75);
}*/
#logo a {
	display: block;
	text-indent: -9999px;
	width: 934px;
	height: 470px;
}

#main-navigation {
	background: url("images/menu_bkg.png") top left no-repeat;
	height: 50px;
}

.menu-main-menu-login {
	float: right;
	margin-right: 15px;
}

#menu-main-menu {
	list-style: none;
	/*padding: 0px;*/
	/*margin-top: 40px;*/
	padding-left: 5px;
	padding-top: 15px;
	font-size: 15px;
}

#menu-main-menu li {
	float: left;
	margin-left: 15px;
}

/*#menu-main-menu li:last-child {
	float: right;
	margin-right: 15px;
}*/

#main {
	margin-top: 20px;
	overflow: hidden;
	clear: both;
}

#content-wrapper {
	float: left;
	margin-right: -284px;
	width: 100%;
}

#content {
	/*width: 650px;*/
	margin-right: 284px;
}

#sidebar {
	width: 265px;
	float: right;
	overflow: hidden;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
}

#sidebar .widget + .widget,
#sidebar .widgets + .widgets {
	margin-top: 25px;
}

#content .box + .box {
	margin-top: 25px;
}

#facebook {
	margin-top: 25px;
}

#footer {
	background: url("images/footer_bkg.png") top left no-repeat;
	height: 161px;
	margin-top: 25px;
}

#footer .widget {
	padding: 25px 20px;
	width: 270px;
	float: left;
}

#footer-banners {
	clear: both;
	margin: 50px 0px;
	overflow: hidden;
}

#footer-banners ul {
	list-style: none;
}

#footer-banners ul li {
	margin: 0;
}

#footer-banners ul li ul {
	text-align: center;
	margin: 0px -20px;
}

#footer-banners ul li ul li {
	padding: 0px 20px;
	display: inline;
}

#footer-banners .blogroll a img {
	border: 1px solid #000;
}

#footer-banners .blogroll a:hover img {
	border-color: #333;
}

#footnote {
	clear: both;
	color: #fff;
	color: #ccc;
	font-size: 12px;
	text-align: center;
	margin: 50px 0px;
}

#footer-logo {
	text-align: center;
	margin: 50px 0px;
}


#content img {
	margin: 0;
	height: auto;
	max-width: 640px;
	/*width: auto;*/
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

/** v7.1 legacy **/

#content .pagecolumn2 {
	width: 300px;
	float: left;
}
#content .pagecolumn2 + .pagecolumn2 {
	margin-left: 10px;
}

.navigation {
	padding: 10px 0;
}

.wp-pagenavi {
	text-align: center;
}

/*.navigation .pages,
.navigation .previouspostslink,
.navigation .current,
.navigation .page,
.navigation .nextpostslink,
.navigation .extend,
.navigation .last {*/
.wp-pagenavi > * {
	color: #ffffff;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 3px 3px !important;
}

/** customization **/

#main-navigation a {
	color: #282828;
	color: #333333;
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 15px;
}

.wp-pagenavi {
	white-space: nowrap;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: none !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: black;
	background-color: #ffffff;
}

/* box small (right) */

.box265 .box-wrapper {	
	background: url("images/box265_bkg_top.png") left top no-repeat;
	padding-top: 20px;
}

.box265 .box-inner {
	padding: 5px 20px 5px;
	background: url("images/box265_bkg.png") left top repeat-y;
}

.box265 .box-bottom {
	height: 20px;
	background: url("images/box265_bkg_bottom.png") left bottom no-repeat;
}

/*#sidebar ul li.widget:first-child .box265 .box-wrapper,*/
.box265.first-child .box-wrapper {
	background: url("images/box265_bkg.png") left top repeat-y;
	margin-top: 20px;
}

/*#sidebar ul li.widget:first-child .box265 .box-inner,*/
.box265.first-child .box-inner {
	padding: 25px 20px 5px;
	background: url("images/box265_bkg_extra.png") left top no-repeat;
	margin-top: -40px;
}

.box265.box-dark {	
	color: #fff;
}

.box265.box-dark .box-wrapper {	
	background: url("images/box265_dark_bkg_top.png") left top no-repeat;
}

.box265.box-dark .box-inner {
	background: url("images/box265_dark_bkg.png") left top repeat-y;
}

.box265.box-dark .box-bottom {
	background: url("images/box265_dark_bkg_bottom.png") left bottom no-repeat;
}

/*#sidebar ul li.widget:first-child .box265 .box-wrapper,*/
.box265.box-dark.first-child .box-wrapper {
	background: url("images/box265_dark_bkg.png") left top repeat-y;
}

/*#sidebar ul li.widget:first-child .box265 .box-inner,*/
.box265.box-dark.first-child .box-inner {
	background: url("images/box265_dark_bkg_extra.png") left top no-repeat;
}

/* box medium (left) */

.box650 .box-wrapper {	
	background: url("images/box650_bkg_top.png") left top no-repeat;
	padding-top: 20px;
}

.box650 .box-inner {
	padding: 5px 20px 5px;
	background: url("images/box650_bkg.png") left top repeat-y;
}

.box650 .box-bottom {
	height: 20px;
	background: url("images/box650_bkg_bottom.png") left bottom no-repeat;
}

.box650:first-child .box-wrapper,
.box650.first-child .box-wrapper {
	background: url("images/box650_bkg.png") left top repeat-y;
	margin-top: 20px;
}

.box650:first-child .box-inner,
.box650.first-child .box-inner {
	padding: 25px 20px 5px;
	background: url("images/box650_bkg_extra.png") left top no-repeat;
	margin-top: -40px;
}

/* box large (fullwidth) */

.box934 .box-wrapper {	
	background: url("images/box934_bkg_top.png") left top no-repeat;
	padding-top: 20px;
}

.box934 .box-inner {
	padding: 5px 20px 5px;
	background: url("images/box934_bkg.png") left top repeat-y;
}

.box934 .box-bottom {
	height: 20px;
	background: url("images/box934_bkg_bottom.png") left bottom no-repeat;
}


/** post **/

.post-title {
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: normal;
}

.post .post-meta {
	font-size: 12px;
}

#content .post .post-meta {
	margin: 12px 0px 18px 0px;
}

.post-content p + p {
	margin-top: 20px;
}

.post .post-title a,
.post .author a,
.post .cat a {
	text-transform: uppercase;
	color: #282828;
	color: #333333;
}

.post .wp-caption {
	border: 1px solid #333333;
	margin: 5px;
	padding: 5px;
	margin-bottom: 22px;
}

.post .wp-caption-text {
	font-size: 13px;
	font-style: italic;
}

.addthis_toolbox {
	clear: both;
	padding-top: 25px;
}

/* post comments */

.comments-wrapper h2 {
	text-transform: uppercase;
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 20px;
	font-weight: normal;
}

.comments-wrapper .comment-meta {
	font-size: 12px;
	margin-top: 20px;
}

.comments-wrapper .comment-meta .author,
.comment-form .author {
	text-transform: uppercase;
}

.nocomments {
	margin-bottom: 20px;
}

.comment-form #comment {
	width: 450px;
}

.comment-form #submit {
	width: 86px;
	height: 30px;
	border: none;
	color: #fff;
	margin-top: 10px;
	background: url("images/commentform-submit.png") left top no-repeat;
}

.post .comments-wrapper + .navigation {
	margin-top: 25px;
	border-top: 1px solid #333;
	padding-top: 25px;
}



/** sidebar **/

#sidebar li {
	line-height: 1.3em;
}

#sidebar .widget h4 {
	text-transform: uppercase;
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 20px;
	font-weight: normal;
}

#sidebar h4 + ul {
	margin-top: 25px;
}

#sidebar .widget .post + .post {
	margin-top: 15px;
}

#sidebar .widget .frontupdates .author {
	text-transform: uppercase;
	color: #282828;
	color: #333333;
}

/* Latest Posts */

.widget_latest_posts .read-more {
	margin-top: 15px;
}

/* Kysyttyä */

.widget_faq_build .post .post-meta {
	text-transform: uppercase;
}

/* GigPress */

.widget_gigpress li.vevent {
	margin-left: 0;
}

.widget_gigpress .gigpress-sidebar-date {
	display: inline;
	font-weight: normal;
}

.widget_gigpress .gigpress-sidebar-status {
	display: none;
}

.widget_gigpress .gigpress-sidebar-more {
	margin-top: 20px;
}

/* Twitter */

#sidebar h4 + ul.twitter {
	margin-top: 0;
}

#sidebar .twitter-item {
	margin-left: 0;
}

#sidebar .twitter #twitter-follow-wrapper {
	text-align: center;
	padding-top: 20px;
}

/* Collapsing Categories */

#sidebar .widget_collapscat li.collapsing.categories a {
	text-transform: uppercase;
	color: #282828;
	color: #333333;
}

/* Collapsing Archives */

#sidebar .widget_collapsarch li.collapsing.archives a {
	text-transform: uppercase;
	color: #282828;
	color: #333333;
}

#sidebar ul.collapsing.archives.list li.collapsing.archives.item {
	list-style-type: none;
}
#sidebar ul.collapsing.archives.list li.collapsing.archives {
	text-indent: -1em;
	padding-left: 1em;
	margin: 0;
}

#sidebar ul.collapsing.archives.list li ul li ul li a {
	text-transform: none;
	color: #0000ff;
}


#sidebar .widget_text p {
	margin-top: 20px;
}


/** facebook **/

#facebook .box-inner {
	height: 321px;
}


/** footer **/

#footer .widget {
	line-height: 1em;
	margin-left: 0;
	list-style: none;
}

#footer .widget h3,
#footer .widget h4 {
	text-transform: uppercase;
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

#footer .widget-middle,
#footer .widget + .widget {
	text-align: center;
}

#footer .widget-right,
#footer .widget + .widget + .widget {
	text-align: right;
}

/** Pages **/

/* Home */

.home .read-more {
	text-align: center;
	padding: 10px 0;
}

.home .read-more a {
	color: #ffffff;
}

/* Keikat */

.page-template-keikat-php h3 {
	text-transform: uppercase;
	font-family: "MuseoSlab-300", "Times New Roman", Garamond, Georgia, Times, serif;
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0px;
}

a.gigpress-tickets-link {
	font-weight: normal !important;
	text-transform: none !important;
}

/* Kysyttiä / Kommentit */

.faq_build_infotext {
	margin: 15px 0;
}

.faq_build_form_text {
	width: 100% !important;
	text-align: left !important;
	padding: 10px 0 !important;
	font-weight: normal !important;
	color: #fff;
}

.faq_build_form_input {
	width: 100%;
	text-align: left;
}
input[name=submitters_name] {
	height: 25px;
}

.faq_build_form_submit {
	width: 82px;
	height: 26px;
	border: none;
	color: #fff;
	margin-top: 10px;
	background: url("images/faq_btn_submit.png") left top no-repeat;
	cursor: pointer;
}

.faq_build_form_reset {
	width: 100px;
	height: 26px;
	border: none;
	color: #fff;
	margin-top: 10px;
	margin-left: 28px;
	background: url("images/faq_btn_reset.png") left top no-repeat;
	cursor: pointer;
}


.faq_build_default {
	margin-top: 40px;
}

.sidebar .faq_build_default {
	margin-top: 0;
}

.faq_build_entry {
	padding-bottom: 30px;
	border-bottom: 1px solid #333;
}

.faq_build_entry + .faq_build_entry {
	padding-top: 30px;
}

.faq_build_meta {
	overflow: hidden;
}

.faq_build_meta,
.faq_build_meta * {
	font-size: 12px !important;
	font-weight: normal !important;
	margin: 0 !important;
}

.faq_build_meta * {
	float: left;
}

.faq_build_id {
	display: none;
}

.faq_build_question,
.faq_build_answer {
	font-size: 15px !important;
	margin-top: 15px;
}

.faq_build_pagination {
	overflow: hidden;
	border: none !important;
	margin: 40px 0;
	position: relative;
}

.faq_build_prev {
	position: absolute;
	top: 0;
	left: 0;
}

.faq_build_page {
	text-align: center;
}

.faq_build_next {
	position: absolute;
	top: 0;
	right: 0
}

.faq_build_prev a,
.faq_build_next a {
	color: #333;
}

.faq_build_error,
.faq_build_error_box,
.faq_build_message {
	margin-top: 15px;
}